@import "configuration";
.box{
  background-color: #ebb144;
  display: flex;
  flex-direction: column;
}
#content{
  position: relative;
  width: 100%;
  .weather-time {
    position: absolute;
    top: vw(40);
    left: vw(40);
    color: #fff;
    font-size: vw(32);
    .weather-box{
      display: flex;
      align-items: center;
      >div{
        display: flex;
        p{
          display: flex;
          flex-direction: column;
          justify-content: space-between;
        }
        b{
          font-size: vw(36);
        }
      }
      img{
        width: vw(78);
      }
      #weatherTemperature{
        margin-right: vw(12);
        line-height: 1;
        font-size: vw(100);
      }
    }
  }
}
nav {
  position: relative;
  div{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    width: 100%;
    padding: 0 vw(32) vw(23);
    color: #fff;
    font-size: vw(56);
    i{
      width: vw(142);
    }
    a{
      width: vw(112);
    }
  }
}

.main-box {
  flex: 1;
}
